<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${facesContext.externalContext.requestContextPath}/resources/css/stakeholder.css" rel="stylesheet" type="text/css"/>
        <title>Stakeholder Portal</title>
    </h:head>

    <h:body style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/StakeholderBackground.jpg)" >
        <div class="container">
            <div class="content_wrapper" style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/StakeholderBackground.jpg)" >
                <h:form id="form" >
                    <div class="localization">
                        <!-- LOCALIZATION -->
                        <!-- this selectedLocale menu must always be at the top of the form -->
                        <h:selectOneMenu id="selectedLocale" value="#{indexManagedBean.selectedLocale}">
                            <f:selectItems value="#{enumSelectedLocale.listItems}" />

                            <ui:insert name="localization"></ui:insert>
                        </h:selectOneMenu>
                    </div>
                    <!-- this end selectedLocale menu must always be at the top of the form -->
                    <!-- END LOCALIZATION --> 

                    <div class="header" >
                        <img src="#{facesContext.externalContext.requestContextPath}/images/StakeholderBanner.png" alt="Stakeholder Banner" />
                    </div>

                    <br style="clear:left"/><!-- used to clear the float on the main menu before displaying other divs which are supposed to be on next line -->

                    <div class="loginContent">
                        <ui:insert name="loginContent"></ui:insert>
                    </div>

                </h:form>
            </div>

            <div class="footer">
               &copy;2011 F&amp;B Stakeholder Portal . Property of TCube Ventures Private Limited
            </div>
        </div>
    </h:body>
</html>
